@import '../../css/colorVar.less';
.SequenceFlowPannel{
    // width: 300px;
    max-height: 650px;
    min-height: 180px;
    border:1px solid @section_border ;
    margin-top: 12px;
    overflow: auto;
    margin-bottom: 12px;
    >div{
        color:@text_main;
        font-weight: 500;
        padding-left: 20px;
        line-height: 30px;
        border-bottom: 1px solid @section_border ;
        margin-bottom: 26px;
    
    }
    :global{
        .ant-legacy-form {
            background: inherit !important;
            border: 0!important;
            box-shadow: inherit!important;
            .formCls1{
                width: 25%;
                display: inline-block;
            }
            .saveClass{
                .ant-legacy-form-item-control-wrapper{
                    padding-right: 20px;
                    text-align: right;
                }
            }
            .formCls1 .ant-legacy-form-item-label,.formCls1 .ant-legacy-form-item-control-wrapper{
                flex: 0 0 auto;
                float: left;
            }
            .formCls1 .ant-legacy-form-item-label{
                width: 20%;
            }
            .formCls1 .ant-legacy-form-item-control-wrapper{
                width: 62%;
            }
            .textarea.ant-input{
                border: 1px solid  #E4E7EE;
            }
            .conditionExpression{
                margin-top: 10px;
                >p{
                    margin: 0;
                    border-top: 1px solid  #E4E7EE;
                    padding: 5px 20px;
                    border-bottom: 0;
                }
                textarea{
                    height: 80px;
                }
            }
            .conditionExpression:last-child{
                >div{
                    height: 178px;
                    border: 1px solid  #E4E7EE;
                    padding: 5px 20px;
                    overflow-y: auto;
                    border-left: 0;
                    border-right: 0;
                }
            }
            .conditionExpressionInfo{
                display: flex;
                >ul{
                    width: 50%;
                }
               ul {
                padding-left: 20px;
                margin: 0;
                p{
                    margin: 0;
                    // font-weight: 600;
                    display: inline-block;
                   }
               }
               
               li{
                list-style: disc;
               }
               >ul >li{
                list-style: none;
               }
               >ul >li::before{
                content: "";
                display: inline-block;
                width: 8px;
                height: 8px;
                background-color: #000;
                border-radius: 50%;
                margin-right:5px;
               }
               >ul >li >ul{
                margin-left: 20px;
               }
               .treeCls{
                    height: calc(~'100% - 21px');
                    overflow: auto;
                   :global{
                    li{
                        list-style: none;
                        padding: 0;
                    }
                   }
               }
            }
            
        }
    }
   
}

.noSelectNode{
    // width: 300px;
    height: 180px;
    border:1px solid @section_border ;
     margin-top: 12px;
    >div{
        color:@text_main;
        font-weight: 500;
        padding-left: 20px;
        line-height: 30px;
        border-bottom: 1px solid @section_border ;
        margin-bottom: 26px;
    
    }
    >p{
        text-align: center;
        color: @text_auxiliary;
        padding-top: 25px;
    }
}
